<template>
	<view class="flex-col">
		<view class="box-bg">
			<uni-nav-bar :fixed='true' left-icon="left" @clickLeft='handleBack' right-icon="search" title="设置"
				height="65px" color="#fff" backgroundColor="#7CAFE7" />
		</view> 
		<view class="title-bg flex-row-yc">
			<view @click="back" class="item-icon"><u-icon name="arrow-left" color="#fff"></u-icon></view>
			<view class="flex1 text">修改密码</view>
		</view>
		<view class="flex-row-yc">
			<view class="flex1">原密码</view>
			<input placeholder="请输入原密码" />
		</view>
		<view class="flex-row-yc">
			<view class="flex1">新密码</view>
			<input placeholder="请输入新密码" />
		</view>
		<view class="flex-row-yc">
			<view class="flex1">确认密码</view>
			<input placeholder="请再次输入新密码" />
		</view>
		<button>确认</button>

		<view>密码规则提示：</view>
		<view>密码最少为8位并且包含大小写字符、数字、特殊字符！</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			back() {
				uni.navigateBack({
					delta: 1
				});
			},

		}
	}
</script>

<style lang="scss" scoped>
	.uni-page-body,
	html,
	body,
	.page {
		width: 100%;
		height: 100%;
		background-color: white;
	}
	
	.title-bg {
		width: 100%;
		padding: 0 10px;
		height: 65px;
		background: linear-gradient(-90deg, #3C88D8 0%, #7CAFE7 100%);
	
	
		.text {
			color: #FFFFFF;
			font-size: 16px;
			font-weight: 600;
			margin-left: 10px;
		}
	}
</style>